/**
 * Node.childNodes 返回包含指定节点的子节点的集合，该集合为即时更新的集合
 * 语法：var ndList = elementNodeReference.childNodes;
 * ndList变量为nodeList类型,且为只读
 * NodeList 对象(一个有顺序的节点列表)
 * 我们可通过节点列表中的节点索引号来访问列表中的节点（索引号由0开始）。
 * 节点列表可保持其自身的更新。如果节点列表或 XML 文档中的某个元素被删除或添加，列表也会被自动更新。
 **/
var box = document.getElementById('box');

console.log(box.childNodes); //NodeList集合,包含返回的当前元素节点所有的子节点列表
console.log(box.childNodes.length);//3个子节点，3个子节点为：测试DIV<em>倾斜</em>结尾
//第一个子节点为：测试DIV，这个节点称为：文本节点 类型值为3
//第二个子节点为：<em>倾斜</em>，这个节点称为：元素节点
//第三个子节点为：结尾，这个节点称为：文本节点
console.log(box.childNodes[0].nodeValue);//获取文本节点的文本内容
console.log(box.childNodes[0].nodeName);//#text 文本节点没有标签名